﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="/Content/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
        body
        {
            padding-top: 120px;
            padding-bottom: 40px;
        }
    </style>
    <link href="/Content/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="/Content/css/Site.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="/Content/js/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
                    </span>
                </button>
                <a class="brand" href="#">
                    <img src="/Content/img/logo.png" alt="Kawom Tangin Pan Tangin" /></a>
                <div class="nav-collapse collapse" id="tMenu">
                    <ul class="nav">
                        <li class="active"><a href="#">Home</a></li>
                        <li><a href="#">Products</a></li>
                        <li><a href="#">Contact Us</a></li>
                        <li><a href="#">Facebook Page</a></li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container">
        <!-- Test -->
        <div class="row">
            <input type="button" id="tBtnLogin" class="btn" value="Login" />
        </div>
        <!-- End Test -->
        <!-- Main hero unit for a primary marketing message or call to action -->
        <div id="tFeatured" class="hero-unit row">
            <div class="span6">
                <h2>
                    Xalih Akhar Cam Software</h2>
                <p>
                    Hiện nay đa phần các văn bản Cham được lưu lại dưới dạng chép tay trên các loại
                    giấy xưa, trên lá buông…; một số được số hóa dưới dạng scan, chụp để tiện lưu trữ
                    theo định dạng hình ảnh. Và đặc biệt là hơn chục năm trở lại đây, với sự ra đời
                    của các kiểu font chữ Cham trên máy vi tính đã giúp cho việc lưu trữ, phát triển
                    ngôn ngữ Cham nói chung và chữ viết Cham nói riêng được tiện lợi và dễ dàng hơn
                    rất nhiều.
                </p>
            </div>
            <div class="span5">
                <img src="/Images/XalihAkharCam.jpg" alt="Xalih Akhar Cam" />
            </div>
            <div class="span6 tbtnDownload">
                <p>
                    <a href="#" class="btn btn-primary btn-large btn-block">Download</a></p>
            </div>
        </div>
        <!-- Example row of columns -->
        <div class="row">
            <div class="span4">
                <h3>
                    GIỚI THIỆU PHẦN MỀM</h3>
                <p>
                    Người Cham là một trong những dân tộc hình thành chữ viết đầu tiên trong khu vực
                    Đông Nam Á, cùng một số dân tộc [quốc gia] như: Thailand, Cambodia,… Đó là những
                    kiểu chữ viết chịu ảnh hưởng từ cấu trúc của chữ Brahmi ở Nam Ấn Độ khoảng năm 200,
                    và dần dà đã hình thành riêng cho dân tộc [quốc gia] mình một loại chữ và được lưu
                    truyền tới ngày nay.
                </p>
                <p>
                    <a class="btn" href="#">View details &raquo;</a></p>
            </div>
            <div class="span4">
                <h3>
                    HƯỚNG DẪN SỬ DỤNG</h3>
                <p>
                    Người Cham là một trong những dân tộc hình thành chữ viết đầu tiên trong khu vực
                    Đông Nam Á, cùng một số dân tộc [quốc gia] như: Thailand, Cambodia,… Đó là những
                    kiểu chữ viết chịu ảnh hưởng từ cấu trúc của chữ Brahmi ở Nam Ấn Độ khoảng năm 200,
                    và dần dà đã hình thành riêng cho dân tộc [quốc gia] mình một loại chữ và được lưu
                    truyền tới ngày nay.
                </p>
                <p>
                    <a class="btn" href="#">View details &raquo;</a></p>
            </div>
            <div class="span4">
                <h3>
                    ABOUT US</h3>
                <p>
                    Giới thiệu website mới do 2 người bạn tạo lập nên ở địa chỉ: http://www.tanginpantangin.com/
                    được trình bày hoàn toàn bằng Akhar Thrah. Đặc biệt, nhóm đã phát triển 1 chương
                    trình chuyển đổi qua lại giữa Akhar Thrah và các hệ thống chuyển tự latin hiện có,
                    dễ hiểu là, gõ 1 đoạn hay 1 bài bằng Akhar Thrah sau đó dùng chương trình để chuyển
                    sang Latin và ngược lại..</p>
                <p>
                    <a class="btn" href="#">View details &raquo;</a></p>
            </div>
        </div>
        <hr>
        <footer>
            <p>
                &copy; Kawom Tangin Pan Tangin 2013</p>
        </footer>
    </div>
    <!-- /container -->
    <div class="hide">
        @RenderBody()
    </div>
    <div id="tHidModal">
    </div>
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/Content/js/jquery.js"></script>
    <script src="/Content/js/bootstrap-transition.js"></script>
    <script src="/Content/js/bootstrap-alert.js"></script>
    <script src="/Content/js/bootstrap-modal.js"></script>
    <script src="/Content/js/bootstrap-dropdown.js"></script>
    <script src="/Content/js/bootstrap-scrollspy.js"></script>
    <script src="/Content/js/bootstrap-tab.js"></script>
    <script src="/Content/js/bootstrap-tooltip.js"></script>
    <script src="/Content/js/bootstrap-popover.js"></script>
    <script src="/Content/js/bootstrap-button.js"></script>
    <script src="/Content/js/bootstrap-collapse.js"></script>
    <script src="/Content/js/bootstrap-carousel.js"></script>
    <script src="/Content/js/bootstrap-typeahead.js"></script>
    <script src="/Content/js/Site.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            LoginScript();
        });
    </script>
</body>
</html>
